<template>
  <div>
      <div class="heade">
                <i class="close" @click="handleClosedl()"></i>
                <span>返回</span>
                <h2 class="l-txt">选择收货地址</h2>
		  </div>
      <ul class="wrag">
        <li>
          <div class="phone">
            <span>赵亚华</span>
            <span>18581512121</span>
          </div>
          <div class="adresses">
            <h5>北京市 市辖县 延庆县北京市 仕辖县 延庆县</h5>
          </div>
						<em class="l-line"></em>
            <div class="last">
              <a href="#" class="red"><i class="a1"></i>默认地址</a>
              <a href="#"><i class="a2"></i>编辑</a>
              <a href="#"><i class="a3"></i>删除</a>
            </div>
        </li>
      </ul>
      <div>
	        <a href="#" class="btn-login" id="loginBtn">新增收货地址</a>
      </div>
  </div>
</template>
<script>
export default {

}
</script>
<style scoped lang="scss">
  body{
        font-family: "微软雅黑";
        background: #f0f0f0;
  }
  .heade{
           display:flex;
           height:50px;
           align-items: center;
           position: relative;
           background: white;
           position: relative;
           span{
             font-size: 18px;
              position: absolute;
              left: 35px;
           }
        .close{
            height:20px;
            width:20px;
            display: block;
            background:url("https://m.lecuntao.com/resource/images/iback.png?lv=4264c4109a");
            background-size:18px 20px;
            position: absolute;
            left: 10px;
        }
        .l-txt{
            font-size: 18px;
            margin:0px auto;
            font-weight: normal;
            line-height: 100%;
        }
     }
     .wrag{
       li{
         .phone{
          background: white;
            span{
              font-size: 16px;
              margin-left:20px;
            }
         }
         .adresses{
          background: white;
          h5{
                display: block;
                line-height: 0.44rem;
                height: 0.88rem;
                font-size: 0.28rem;
                color: #808080;
                margin-left:20px;
                padding-top:10px;
          }
         }
          .l-line{
            width: 90%;
            margin:0 auto;
            height: 0.02rem;
            background: red;
            display: block;
                }
            .last{
              display:flex;
              align-items: center;
              justify-content:space-around;
              height: 20px;
              line-height: 20px;
              padding:20px 0px;
              background-color: #fff;
              .red{
                color:red;
              }
              a{
                color:#333;
                text-decoration:none;
                font-size: 16px;
                line-height: 20px;
                position: relative;
                  .a1{
                    width:20px;
                    height:20px;
                    background:url("https://m.lecuntao.com/resource/images/iaddmr.png?lv=38930e03aa") no-repeat center center;
                    background-size: 20px 20px;
                    position: absolute;
                    left:-25px;
                  }
                  .a2{
                    width:20px;
                    height:20px;
                    background:url("https://m.lecuntao.com/resource/images/iedit.png?lv=ea113b061c") no-repeat center center;
                    background-size: 20px 20px;
                    position: absolute;
                    left:-25px;
                  }
                   .a3{
                    width:20px;
                    height:20px;
                    background:url("https://m.lecuntao.com/resource/images/idel.png?lv=d1fc073fb8") no-repeat center center;
                    background-size: 20px 20px;
                    position: absolute;
                    left:-25px;
                  }
              }
            }
       }
     }
       .btn-login{
              width: 100%;
              margin:0px auto;
              color: #fff;
              background: #f81234;
              height: 50px;
              font-size: 16px;
              text-align: center;
              line-height: 520px;
              margin-top: 0.5rem;
              display: block;
              border-radius: 0.08rem;
              text-decoration: none;
              position: fixed;
              bottom:0px;
                }

</style>
